<br />
{messages block='ProfileDesign'}
{if !$bUpdated}
    <div style="font-size:10pt;">{language text="from_here_you_can_edit_the_color_la"}<br />
        <br />
        <a href="{url link='current' act='reset_all'}">{language text="if_you_need_want_to_reset_to_the_or"}</a> <br />
        <br />
    <a class="link_action" href="javascript:void(0)" onclick="javascript:popUp2('{$sBaseUrl}design/pic/info.jpg','800','915','yes','200','200')">[&nbsp;{language text="view_profile_layout_guide"}&nbsp;]</a>
    </div>
    
    {$jsValMess}
    <form method="post" action="{$sUrl}" name="frmProfileDesign" enctype="multipart/form-data">
    <div><input type="hidden" name="username" value="ok" /></div>
    <br />
    <table style="width:100%;">
        <tr>
            <td style="width:40%;text-align:right;font-size:10pt;" class="color">{language text="background_image"}:</td>
            <td style="width:60%;font-size:8pt;" class="color">
            <div class="border13">
            <div style="padding:5px;">
                {if $aTempl.bg_img}
                <a name="pic"></a><img src="{$sBgPicPath}{$aUser.user}.jpg{$sUserImage}" alt="" onmouseover="showInfo3('{$sBgPicPath}{$aUser.user}.jpg{$sUserImage}','200','200')" onmouseout="return nd();" style="vertical-align: middle;" height="20" width="20">
                <a onmouseover="showInfo3('{$sBgPicPath}{$aUser.user}.jpg{$sUserImage}','200','200')" onmouseout="return nd();" href="{url link='current' act='reset_pic'}">{language text="change_image"}</a>
                <div id="overDiv" style="position: fixed;" />
                {else}
                <a name="pic"></a> <input type="file" name="image" size="20" /><input type="hidden" value="2" name="textname" size="20" /></div>
                {/if}
            </div>
            </td>
            
        </tr>
    
        {foreach from=$aParts item=sPart}
        <tr>
            <td style="width:40%;text-align:right;font-size:10pt;" class="color">{i18n key="Mod_Account.design_part.`$sPart`"}</td>
            <td style="width:60%;font-size:8pt;" class="color">
            <div class="border13">
            <div style="padding:5px;"><a href="javascript:void(0)" onclick="popUp2('{url link='public.popup.colorpick' id="fldPD_`$sPart`" id2="imgPD_`$sPart`"}','400','310','yes','200','200')">
                <img src="design/pic/spacer.gif" alt="" width="15" height="15" style="background:{$aTempl[$sPart]};vertical-align:middle;border:1px #000 solid;" id="imgPD_{$sPart}"/>
            </a>
            <a class="link_action" href="javascript:void(0)" onclick="popUp2('{url link='public.popup.colorpick' id="fldPD_`$sPart`" id2="imgPD_`$sPart`"}','400','310','yes','200','200')">[ {language text="select_colors"} ]</a>
                <input type="text" size="10" style="font-size:7pt;" value="{$aTempl[$sPart]}" id="fldPD_{$sPart}" name="aTempl[{$sPart}]" /></div>
            </div>
            </td>
        </tr>
        {/foreach}
    
    </table>
    
    <br />
    
    <table style="width:100%;">
        <tr>
            <td style="width:40%;text-align:center;font-size:10pt;vertical-align:top;" class="color">{language text="css_advanced_users"}:
            <div class="">
            <div style="padding:5px;"><textarea cols="60" rows="10" name="aTempl[css]">{$aTempl.css}</textarea></div>
            </div>
            </td>
        </tr>
    
    </table>
    
    <br />
    
    <div style="padding:5px;text-align:center;"><input type="submit" name="act[update_design]" value=" {language text="save_profile_settings"} " class="mainmenu6" onmouseover="this.className='mainmenu7';" onmouseout="this.className='mainmenu6';" /></div>
    <br />
    </form>
{else}
    <div style="padding:15px;font-size:10pt;" class="color">
        
        {messages block='ProfileDesign'}
        <ul>
        <li><a href="{url link='public.user' name=$aUser.user}">{language text="view_your_profile"}</a></li>
        <li><a href="{url link='public.account.settings.design'}">{language text="back_to_designing_your_page"}</a></li>
        </ul>
        
    </div>
{/if}